<template>
    <div class="container">
        <h3 style="margin-top: 20px">识别通过！请上传审核材料，内容如下</h3>
        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>理赔申请书（仅限于线下申请的理赔）</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>出险人身份证原件</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>社保或其他机构已报销的报销证明</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>门诊医疗费用清单（处方）</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>门（急）诊病历</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>诊断证明（恶性肿瘤、其他重大疾病需提供相关病理或专项检验报告）</p>
            </div>
        </Upload>

        <Upload
                multiple
                type="drag"
                :action="baseURL + '/upload/shenhe'"
                style="margin-top: 50px">
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>申请人银行卡（折）复印件</p>
            </div>
        </Upload>

        <Upload
                :with-credentials="true"
                multiple
                type="drag"
                :action="baseURL + '/upload'"
                style="margin-top: 50px"
                :on-success="success"
        >
            <div style="padding: 20px 0">
                <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                <p>医疗费用发票原件或复印件</p>
            </div>
        </Upload>

        <!--<i-button type="info" style="margin-top: 50px">上传</i-button>-->
    </div>
</template>

<script>
  import baseURL from "../common/const"

  export default {
    name: "UploadMaterials",
    data() {
      return {
        baseURL: baseURL
      }
    },
    methods: {
      success() {
        this.$Message.success("发票开具方回复的邮件显示发票审核通过")
      }
    }
  }
</script>

<style scoped>
    .container {
        display: grid;
        justify-content: center;
    }
</style>